---
title: "Accessibility Checker Rule Help: RPT_Html_SkipNav"
---
import "../../../styles/ToolHelp.scss"
import { CodeSnippet, Tag } from "carbon-components-react";

<div className="toolHelp">
<Row>
<Column colLg={5} colMd={3} colSm={4} className="toolLeft">

### Who does this affect?

* Blind people using screen readers
* People who physically cannot use a pointing device
* People with dexterity impairment who navigate web pages with a keyboard

### Why is this important?

People with disabilities often navigate content without a mouse, using the tab key or other key commands to move around the page. When there is repeating information between related pages, it is tedious to tab through these to get to other areas of the page. When repeated content is organized into logical groups that can be easily skipped, navigation becomes much more efficient.

</Column>
<Column colLg={11} colMd={5} colSm={4} className="toolMain">

<div id="locLevel"></div>

### Check there is a way to bypass blocks of content that are repeated on multiple Web pages
Provide a way to bypass blocks of content that are repeated on multiple Web pages

[IBM 2.4.1 Bypass Blocks ](http://www.ibm.com/able/guidelines/ci162/bypass_blocks.html)

<div id="locSnippet"></div>

### What to do

* Provide headings for each content section using `<h1>` ... `<h6>`;
* AND/OR provide landmarks to identify blocks of content on the page;
* AND/OR use links to skip blocks of repeated content by linking from the top of the page to the main content, or from the start of the repeated content to the end of the block;
* AND/OR group blocks of repeated content using structural elements (e.g. `<map>`, `<ul>` or `<ol>`), or `<frame>` elements with a `"title"` attribute, or an expandable and collapsible menu.


</Column>
</Row>
</div>

export default ({ children, _frontmatter }) => (<React.Fragment>{children}</React.Fragment>)